<template>
  <div>
    <div>
      <a href="/"> <span class="title">tmall后台管理 </span></a>
    </div>
    <div>
      <a href="/"> <span class="status">退出 </span></a>
      <a href="/"> <span class="status">登录 </span></a>
      <a href="/"> <span class="status"><i class="el-icon-user-solid"></i> </span></a>
    </div>
  </div>

</template>

<script>
export default {
  name: 'Header'
}
</script>

<style scoped>
.title {
  float: left;
  line-height: 1.7;
  font-size: 24px;
  font-family: "PingFang SC","PingFang SC", b,serif;
  color: #fd6a01;
  position: relative;
  bottom: -6px
}
.status {
  float: right;
  line-height: 1.7;
  font-size: 16px;
  /*font-family: "PingFang SC","PingFang SC", b;*/
  color: #fd6a01;
  position: relative;
  bottom: -6px
}
</style>
